

$btn-h: 100rpx; // 按钮高度
$btn-r: 50rpx; // 按钮圆角


$input-bg: #F8F8F8; // 输入框的背景色
$input-placeholder-txt: #C4C4CC; // 输入框的文字颜色

body {
	/* 主题色 */
	--themeColor: $themeColor;
	--btColor: $themeColor;
	--themeTxtColor: $themeTxtColor;
	
	--black: #3D3D3D;
	--btShallowColor: #E6E6E6;
	--btTextColor: #8B8B8B;
	--btgrayColor: #999;

	--textGray: #666;

	--input-bgColor: #F2F2F7;
	--border-bottom-color: #E4E4E4;
	--red: #F61E2D;
	--sbule: #163365;
	--bg-eee: #eee;
	--orange: #F1410E;

	/* primary 按钮颜色 */
	--button-primary-background-color: #0985FF;
	/* primary 按钮边框颜色 */
	--button-primary-border-color: #0985FF;
}

page {
	background-color: #f5f5f5;
}

.uni-picker-container .uni-picker-action.uni-picker-action-confirm {
	color: #000 !important;
}


/* 颜色 */
.white {
	color: white;
}

.txt-gray {
	color: var(--textGray);
}

.black {
	color: var(--black);
}

.orange {
	color: var(--orange);
}

.input-bg {
	background-color: $input-bg;
}

.input-placeholder-txt {
	color: $input-placeholder-txt;
}

.form-txt-color {
	color: $form-txt-color;
}

.title-color {
	color: $title-color;
}



.red {
	color: var(--red);
}

.tip-text-color {
	color: $tip-text-color;
}

.color {
	background: $themeColor;
	color: transparent;
	-webkit-background-clip: text;
}

.themeTxtColor {
	color: $themeTxtColor;
}

.gray {
	color: var(--btgrayColor);
}

.qrestionsAct {
	color: $qrestionsAct-color;
}


.bt-gray-color {
	color: var(--btTextColor);
}

.btgrayColor {
	color: var(--btgrayColor);
}

/* 背景色 */
.bg-color {
	background: $themeColor;
}

.bg-white {
	background: white;
}

.bg-bodyColor {
	background: $bodyColor;
}

.bg-sbule {
	background-color: var(--sbule);
}

.bg-qrestionsAct {
	background: $qrestionsAct-color;
}


.bg-qrestionsTxt {
	background-color: $qrestionsTxt-color;
}

.bg-gray {
	background: var(--input-bgColor);
}

.bg-themeTxtColor {
	background-color: $themeTxtColor;
}

.bg-sh {
	background-color: var(--btgrayColor);
}

.bg-red {
	background-color: red;
}

.bg-black {
	background: black;
}

.bg-eee {
	background-color: var(--bg-eee);
}

.triangle {
	/* 补充代码 */
	width: 0;
	height: 0;
	border-left: 15rpx solid transparent;
	border-right: 15rpx solid transparent;
	border-top: 15rpx solid #666;
}


/* 超出显示... */
.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-ellipsis-all {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-align: left;
}

.divider {
	margin: 0 !important;
}

.box {
	box-sizing: border-box;
}

/* 文字居中 */
.text-c {
	text-align: center;
}

.text-l {
	text-align: left;
}

.text-r {
	text-align: right;
}

/* 图片文字对齐 */
.middle {
	vertical-align: middle;
}


/*
* 定位
*/
.right-nav-btn {
	position: absolute;
	opacity: 0;
	left: 0;
	width: 100%;
	right: 0;
	top: 0;
	bottom: 0;
}

/*
* 超出隐藏
*/

.hidden {
	overflow: hidden;
}

.position-r {
	position: relative;
}

.position-a {
	position: absolute;
}

.position-f {
	position: fixed;
}

.inset {
	inset: 0;
}

/* 单行文本溢出显示省略号... */
.overflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.overflow-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/* 多行文本溢出显示省略号... */
.overflow-box-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.overflow-box-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.text-d {
	text-decoration: line-through;
}

.opacity-7 {
	opacity: 0.7;
}